<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="class.css">
    <title>班级管理</title>
</head>
<body>
    <a href="../../index.html">返回主页</a>
    <div id="classTable">

    </div>
    <div id="manageClass">`

        <div class="accordion" onclick="toggleAccordion(this)">新增班级</div>
        <div class="accordion-content">
            <label for="className">新增班级名称</label>
            <input type="text" placeholder="名称" id="className">

            <label for="auto">常驻班级</label>
            <input type="checkbox" name="auto" id="auto">

            <label for="selectCourseBtn" id="selectCourseLabel">选择一个课程</label>
            <button id="selectCourseBtn">选择</button>
            <div id="selectCourse">
                <table id="selectCourseTable">
                    <caption>选择你想特殊禁止的课程</caption>
                    <thead>
                    <tr>
                        <th>课程名称</th>
                        <th>课程介绍</th>
                        <th>课程类型</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- 动态添加行 -->
                    </tbody>
                </table>
            </div>

            <label for="dayOfWeek">星期几</label>
            <select name="dayOfWeek" id="dayOfWeek">
                <option value=0>星期天</option>
                <option value=1>星期一</option>
                <option value=2>星期二</option>
                <option value=3>星期三</option>
                <option value=4>星期四</option>
                <option value=5>星期五</option>
                <option value=6>星期六</option>
            </select>

            <label for="active">创建即激活</label>
            <input type="checkbox" name="active" id="active">

            <label for="indexClass">第几节课</label>
            <input type="number" name="indexClass" id="indexClass">

            <label for="min">最少人数</label>
            <input type="number" name="min" id="min" value="0">

            <label for="max">最多人数</label>
            <input type="number" name="max" id="max" value="20">

            <label for="selectTeacherBtn" id="selectTeacherLabel">教师</label>
            <button id ="selectTeacherBtn">选择</button>
            <div id="selectTeacher">
                <table id="selectTeacherTable">
                    <caption>选择老师</caption>
                    <thead>
                        <tr>
                            <td>名字</td>
                            <td>选项</td>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
            <button id="insertBtn">确认添加</button>
        </div>
        <script src="insert.js"></script>

        <div class="accordion" onclick="toggleAccordionAndSelect(this)" >查看所有班级班级</div>
        <div class="accordion-content">
            <table id="selectClassTable">
                <thead>
                <tr>
                    <th>班级名称</th>
                    <th>是常驻班级</th>
                    <th>星期几</th>
                    <th>是否激活</th>
                    <th>第几节课</th>
                    <th>最少人数</th>
                    <th>教师信息</th>
                    <th>课程信息</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <script src="./select.js"></script>

    </div>


    <script src="class.js"></script>
</body>
</html>